var H5ComponentPoint = function (name,cfg) {
    var component=new H5ComponentBase(name,cfg);
    var base = cfg.data[0][1];
    $.each(cfg.data, function (idx, item) {
        console.log('item',item,item[1])
        var point=$('<div class="point point_'+idx+'">')
        var name=$('<div class="name">'+item[0]+'</div>');
        var rate=$('<div class="per">'+(item[1]*100)+'%</div>');
        var per = (item[1] / base*100)+'%';
        name.append(rate)
        point.append(name)
        point.width(per).height(per);
        if(item[2]){
            point.css('background-color',item[2]);
        }
        if (item[3]!=undefined && item[4]) {
            point.css('left', item[3]).css('top', item[4]);
        }
        
        component.append(point);
    });
    return component
}